<template>
	<view class="tree-wrapper">
		<tree-item :itemData="item" v-for="item in treeData" :key="item.uuid"/>
	</view>
</template>

<script>
import TreeItem from "@/components/treeItem.vue";

export default {
	name: "tree",
	components: { 
		TreeItem
	},
	props: {
		treeData: {
			type: Array,
			default: [],
		},
	},
}
</script>

<style lang="scss" scoped>
.tree-wrapper {
	margin: 20rpx;
	background-color: white;
	border-radius: 10rpx;
	padding: 10rpx 20rpx;
}
.tree-item:nth-child(n+2) {
	border-top: 1rpx solid #f8f8f8;
}
</style>